.upload-wrapper {
    width: 700px;
    margin: 10px auto;
    padding: 0 10px 10px;
}

.upload-wrapper .file-panel {
    text-align: center;
    position: relative;
}

.upload-wrapper #image-upload-text {
    width: 600px;
}

.upload-wrapper .file-panel .button {
    display: inline-block;
    width: 90px;
    height: 39px;
    border: 0;
}

.upload-wrapper .img-drop-panel {
    width: 690px;
    border: 2px dashed #ddd;
    height: 100px;
    margin: 10px 4px 0;
    line-height: 100px;
    text-align: center;
    color: #aaa;
    position: relative;
    transition: border .3s, background .3s;
    background: #f7f7f7;
}

.upload-wrapper .img-drop-panel:before {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
}

.upload-wrapper .img-drop-panel .drop-hover {
    display: none;
}

.upload-wrapper .img-drop-panel.hover {
    background: #FFFCCC;
    border: 2px dashed #B3B3B3;
}

.upload-wrapper .img-drop-panel.hover .drop-title {
    display: none;
}

.upload-wrapper .img-drop-panel.hover .drop-hover {
    display: inherit;
}

.upload-wrapper .file-panel .browse-file {
    position: absolute;
    background: url('../images/icon/browse-file.png') center no-repeat;
    width: 16px;
    height: 22px;
    background-size: 100%;
    top: 10px;
    right: 105px;
    opacity: 0.8;
    cursor: pointer;
    transition: opacity .3s;
}

.upload-wrapper .file-panel .browse-file:hover {
    opacity: 1;
}

.upload-wrapper .image-preview {
    margin: 10px 3px 0;
    overflow: hidden;
}

.upload-wrapper .image-preview img {
    max-width: 100%; 
}

.wrapper.create .page-title {
    margin-bottom: -10px;
    margin-left: 5px;
    background: url('../images/icon/create-look-icon.png') 5px center no-repeat;
}